<style type="text/css" id="are-u-sure-style">
	#are-u-sure{
			display: block;
			width: 450px;
			height: 190px;
			background-color: #ccccff;
			border-radius: 20px;
			border: 1px solid #abc;
			box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
			position: fixed;
			top: 23%;
			left: 0;
			right: 0;
			margin: 0 auto;
			padding-top: 20px;
			color: rgba(0,0,0,0.6);
			font-size: 50px;
			line-height: 60px;
			user-select: none;
		}
		#are-u-sure p{
			display: block;
		}
		.sure-button{
			display: inline-block;
			height: 60px;
			width: 150px;
			margin-top: 30px;
			border-radius: 20px;
			background-color: #eeeeee;
		}
</style>
<div id="are-u-sure">
	<p>Are you sure?</p>
	<div id="im-sure" class="sure-button hover-shadow">Yes</div>
	<div id="not-sure" class="sure-button hover-shadow">No</div>
</div>